<template>
  <div class="min-h-screen p-4">
    <div class="max-w-4xl mx-auto">
      <!-- 顶部导航 -->
      <div class="flex justify-between items-center mb-8">
        <button 
          @click="$emit('back')"
          class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 flex items-center gap-2"
        >
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
          </svg>
          返回
        </button>
        <h1 class="text-3xl font-bold text-center">关于</h1>
        <div class="w-24"></div>
      </div>
      
      <!-- 关于内容 -->
      <div class="bg-white rounded-lg shadow-md p-8">
        <div class="prose max-w-none">
          <h2 class="text-2xl font-bold mb-4">康威生命游戏</h2>
          <p class="mb-4">
            康威生命游戏是英国数学家约翰·何顿·康威在1970年发明的细胞自动机。这是一个零玩家游戏，其演化仅取决于其初始状态。
          </p>
          
          <h3 class="text-xl font-bold mb-2">游戏规则</h3>
          <ul class="list-disc pl-5 mb-4">
            <li>每个细胞有两种状态：存活或死亡</li>
            <li>每个细胞与其周围的8个细胞产生互动</li>
            <li>当一个存活的细胞周围有2或3个存活细胞时，该细胞保持存活</li>
            <li>当一个存活的细胞周围少于2个存活细胞时，该细胞死亡（孤独死亡）</li>
            <li>当一个存活的细胞周围有超过3个存活细胞时，该细胞死亡（拥挤死亡）</li>
            <li>当一个死亡的细胞周围正好有3个存活细胞时，该细胞变为存活（繁殖）</li>
          </ul>
          
          <h3 class="text-xl font-bold mb-2">操作说明</h3>
          <ul class="list-disc pl-5 mb-4">
            <li>点击"开始游戏"进入游戏界面</li>
            <li>使用鼠标在网格上绘制细胞</li>
            <li>调整速度滑块控制演化速度</li>
            <li>调整网格大小改变游戏区域</li>
            <li>点击"重置"随机生成新的初始状态</li>
          </ul>
          
          <h3 class="text-xl font-bold mb-2">版本信息</h3>
          <p class="mb-4">当前版本：1.0.0</p>
          
          <h3 class="text-xl font-bold mb-2">开源协议</h3>
          <p class="mb-4">本项目基于 MIT 协议开源</p>

          <h3 class="text-xl font-bold mb-2">致谢</h3>
          <ul class="list-disc pl-5 mb-4">
            <li>约翰·何顿·康威 - 生命游戏的发明者</li>
            <li>
              <a href="https://iflycn.github.io/gamelife/" target="_blank" class="text-blue-500 hover:text-blue-600">
                iflycn - Game of Life
              </a>
              的开发者
            </li>
            <li>
              <a href="https://lg.dtsci.cn/" target="_blank" class="text-blue-500 hover:text-blue-600">
                DeepThought Science
              </a>
              的开发团队
            </li>
            <li>
              <a href="https://www.u-tools.cn/" target="_blank" class="text-blue-500 hover:text-blue-600">
                uTools开发团队
              </a>
              - 为效率工具开发提供优秀的平台
            </li>
            <li>
              <a href="https://cursor.sh/" target="_blank" class="text-blue-500 hover:text-blue-600">
                Cursor开发团队
              </a>
              - 提供强大的AI辅助开发工具
            </li>
          </ul>

          <h3 class="text-xl font-bold mb-2">特别致谢</h3>
          <div class="bg-gray-50 p-4 rounded-lg border border-gray-200">
            <h4 class="font-bold mb-2">AI开发者</h4>
            <p class="mb-2">在本项目的开发过程中，AI开发者提供了以下重要贡献：</p>
            <ul class="list-disc pl-5">
              <li>项目架构设计和技术选型</li>
              <li>核心游戏逻辑的实现</li>
              <li>用户界面的设计与开发</li>
              <li>代码优化和问题排查</li>
              <li>文档编写和注释完善</li>
            </ul>
            <p class="mt-2 text-sm text-gray-600">
              AI辅助开发不仅提高了开发效率，也为项目带来了更多创新的想法和解决方案。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
defineEmits(['back'])
</script> 